/* .list-box{width: 1200px; display: flex;flex-wrap: wrap; margin: auto;}
.list-box>.list{width: 300px;}
.list-box>.list>img{width: 90%;height: 350px;}

.list-box>.list>span{margin: 20px 10px;} */
/* .list-box{width: 100%;background-color: #f3f3f3f2;}
.list-contain{width: 1200px;margin: auto;} */
/* 排序 */
/* .sort{ height: 88px; background-color: #f7f7f7;}

.list{width: 300px;box-sizing: border-box;}
.list>img{width: 90%;height: 350px; margin: 10px 10px;} */

.list-box {
    width: 100%;
    background-color: #f3f3f3;
}

.list-contain {
    width: 1200px;
    /* 注释掉 */
    /* background-color: aqua; */
    margin: auto;
}

.sort {
    height: 80px;
    background-color: #f3f3f3;
}

.sort>ul {
    height: 80px;
    list-style: none;

    /* zhushidiao */
    /* background-color: palegreen; */
}

.sort>ul>li {
    width: 50px;

    float: left;
    font-size: 20px;
    line-height: 73px;
    text-align: center;
    margin-right: 20px;

    /* zhushidiao */
    /* background-color: aqua; */
}

.sort>ul>li:hover {
    background-color: white;
}

.Product {
    display: flex;
    flex-wrap: wrap;


}



.list {
    width: 300px;
    height: 400px;
    box-sizing: border-box;
    /* border: 1px solid blue; */
    background-color: white;
}

.list>a>img {
    width: 280px;
    height: 350px;
    margin: 10px;
}

.list>a>span {
    margin: 0 5px;
}

.list>a {
    text-decoration: none;
}

